<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/js/amazeui.min.js"></script>



<!-- 文档地址 http://amazeui.shopxo.net/widgets/list_news/ -->
<div data-am-widget="list_news" class="am-list-news am-list-news-default">
	<!--列表标题-->
	<div class="am-list-news-hd am-cf" style="background-color: #fff">
		<!--带更多链接-->
		<a href="##">
			<h2 style="font-size: 14px">栏目标题</h2>
			<span class="am-list-news-more am-fr" style="font-size: 14px">更多 &raquo;</span>
		</a>
	</div>
	<div class="am-list-news-bd">
		<ul class="am-list" style="font-size: 14px">
			<li class="am-g am-list-item-dated" >
				<a href="##" class="am-list-item-hd ">我很囧，你保重....晒晒旅行中的那些囧！</a>
				<span class="am-list-date">2013-09-18</span>
			</li>
			<li class="am-g am-list-item-dated">
				<a href="##" class="am-list-item-hd ">我最喜欢的一张画</a>
				<span class="am-list-date">2013-10-14</span>
			</li>
			<li class="am-g am-list-item-dated">
				<a href="##" class="am-list-item-hd ">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a>
				<span class="am-list-date">2013-11-18</span>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript">
	$('.am-list-news-more').click(function(){
		console.log('更多');
	})
	//item监听
	$('.am-list-item-dated').click(function(){
		console.log($(this).index());
	});
</script>